<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <!-- 引入重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入当前样式 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- header -->
    <div class="header clearfix">
        <div class="container">
            <h1 class="fl"><img src="../imgs/logo-white.png" alt=""></h1>
            <p class="fr">已有源码账号,<a href="./logoin.html">立即登录</a></p>
        </div>
    </div>

    <!-- 注册页面 -->
    <div class="register container">
        <div class="content clearfix">
            <h2>欢迎注册</h2>
            <h3>百款接口免费使用</h3>
            <p class="reg-text">注册即送300元大礼包</p>
            <div class="inpbox">
                <input id="inputtext" class="reginput" type="text"  placeholder="用户名(6-20位字母数字)">
                <span class="clear"><img src="../imgs/clearInput.png" alt=""></span>
                <p class="re-box-p"><span class="error"></span><span class="errortext">昵称需要在6-12位字母数字间</span></p>
            </div>
            <div class="inpbox">
                <input id="inputtext" class="reginput" type="text" placeholder="请输入手机号">
                <span class="clear"><img src="../imgs/clearInput.png" alt=""></span>
                <p class="re-box-p"><span class="error"></span><span class="errortext">请输入正确的手机号</span></p>
            </div>
            <div class="phonecode clearfix inpbox">
                <input id="inputtext" class="telphone reginput" type="text" placeholder="请输入手机短信验证码">
                <span class="clear thirdclear"><img src="../imgs/clearInput.png" alt=""></span>
                <button class="getbtn fr">获取验证码</button>
                <p class="re-box-p"><span class="error"></span><span class="errortext">请输入4位手机验证码</span></p>
            </div>
            <div class="inpbox">
                <input id="inputtext" class="reginput" type="password" placeholder="请输入6-12位的密码">
                <span class="clear"><img src="../imgs/clearInput.png" alt=""></span>
                <p class="re-box-p"><span class="error"></span><span class="errortext">请输入6-12位的密码</span></p>
            </div>
            <input class="check" type="checkbox">
            <div class="checktext">我已阅读并接受<span>《源码用户服务协议》&nbsp;《源码隐私协议》</span></div>
            <button class="regbtn" disabled>立即注册</button>
        </div>
    </div>



    <!-- 引入当前js文件 -->
    <script src="../js/register.js"></script>
</body>

</html>